<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="author" content="jerehedu">
    <meta name="keywords" content="bootstrap,css,html">
    <meta name="description" content="jerehedu">
    <title></title>
    <script src="js/jquery-3.1.0.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/jqcloud-1.0.4.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/jquery.slimscroll.min.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/jqcloud.css"/>
    <link rel="stylesheet" href="css/2.css"/>
    <link rel="stylesheet" href="css/jquery.fullPage.css"/>
    <script src="js/1.js"></script>
    <link rel="icon" href="favicon.ico"/>

</head>
<body class="scrollOverflow">
<base target='_blank'>

<section class="section section1">
   <div class="bg">
       <img src="img/section1.jpg" alt=""/>
   </div>
   <div class="bg1">

   </div>
   <div class="container">
       <div class="row">
           <div class=" col-sm-4">
               <div class="row">
                   <div class="bg12 col-sm-9">
                       <img src="img/2.jpg" alt="" class="img-thumbnail img-responsive"/>
                   </div>
               </div>
               <div class="row">
                   <div class="bg121" >

                         <div class=" col-sm-12">
                             <h2 class="text-center">个人信息</h2>
                         </div>
                       <div class=" col-sm-12">
                           <h4  ><span class="glyphicon glyphicon-user" style="color: #FFB700"></span>年龄:21</h4>
                       </div>
                       <div class=" col-sm-12">
                           <h4  > <span class="glyphicon glyphicon-map-marker" style="color: #FFB700"></span>地址:******</h4>
                       </div>
                       <div class=" col-sm-12">
                           <h4  > <span class="glyphicon glyphicon-phone"  style="color: #FFB700"></span>电话:188*******</h4>
                       </div>
                       <div class=" col-sm-12">
                           <h4  > <span class="glyphicon glyphicon-envelope" style="color: #FFB700"></span>邮箱:1449220558@qq.com</h4>
                       </div>
                   </div>
               </div>
           </div>
           <div class="bg14 col-sm-8" >
                   <div class=" col-sm-10 bg141 " >
                       <h1 class=" col-sm-10 "><span class="glyphicon glyphicon-user" style="color: #FFB700"></span>刘子熠</h1>
                       <h4 class=" col-sm-10 "><span class="glyphicon glyphicon-asterisk" style="color: #FFB700"></span>求职目标：前端工程师</h4>
                   </div>
               <div class="col-sm-12" id="my_words" >

               </div>
                   <div class=" col-sm-12 bg13">
                       <h2 class="col-sm-12">教育背景</h2>
                       <div class="col-sm-3"><h4>2013年09月至今</h4></div>
                       <div class="col-sm-3"><h4>烟台大学</h4></div>
                       <div class="col-sm-6"><h4>计算机科学与技术</h4></div>
                       <div class=" col-sm-12 ">
                           <h3 ><span class="glyphicon glyphicon-hand-right" style="color: #FFB700"></span>主修课程：</h3>
                       </div>
                       <div class="col-sm-12">
                           <p class="glyphicon glyphicon-chevron-right col-sm-12" style="font-size: 18px">面向对象程序设计、Java Wab、数据结构、概率论与数理统计、数据建模、算凡涉及分析、软件工程导论
                           、操作系统、计算机组织与结构</p>
                       </div>
                   </div>

           </div>
       </div>
   </div>


   <!--          -->
   <!--<div class="mail">
       <div class="wemail"></div>
   </div>-->
</section>
<section class="section section2">
    <div class="bg">
        <img src="img/section1.jpg" alt=""/>
    </div>
    <div class="bg1">

    </div>
    <div class="container">
          <div class="row">
              <div class="bg14 col-sm-12 " >
                  <div class="row col-sm-12">
                      <h2 class="col-sm-12">项目经验</h2>
                      <div class="col-sm-4">
                          <div class="col-sm-4"><h4>2016年8月10日--13日</h4></div>
                          <div class="col-sm-3"><h4>中联重科网站</h4></div>
                          <div class="col-sm-5">
                              <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">开始学习H5练习的网站</p>
                          </div>
                          <div class="col-sm-12 bg141">
                              <a href="http://3650xhm.oschina.io/xiaomi/zhonglian/html/index.html"><img src="img/3.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 500px"/></a>
                          </div>
                      </div>

                         <div class="col-sm-4">
                             <div class="col-sm-4"><h4>2016年9月3日--12日</h4></div>
                             <div class="col-sm-3"><h4>小米官网</h4></div>
                             <div class="col-sm-5">
                                 <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">
                                     自学习H5之后，学习js，写的小米官网</p>
                             </div>
                             <div class="col-sm-12 bg142">
                                 <a href="http://3650xhm.oschina.io/xiaomi/xiaomi/html/index.html"><img src="img/4.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 500px"/></a>
                             </div>
                         </div>
                      <div class="col-sm-4">
                          <div class="col-sm-4"><h4>2016年9月20日--24日</h4></div>
                          <div class="col-sm-3"><h4>网易邮箱</h4></div>
                          <div class="col-sm-5">
                              <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">fullPage插件，css实现滑动效果</p>
                          </div>
                          <div class="col-sm-12 bg141">
                          <a href="http://3650xhm.oschina.io/xiaomi/wangyi/1.html">
                              <img src="img/6.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 250px"/>
                              <img src="img/5.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 250px"/>
                               </a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
    </div>
</section>
<section class="section section3">
    <div class="bg">
        <img src="img/section1.jpg" alt=""/>
    </div>
    <div class="bg1">

    </div>
    <div class="container">
        <div class="row">
            <div class="bg14 col-sm-12 " >
                <div class="row">
                    <h2 class="col-sm-12">项目经验</h2>
                    <div class="col-sm-4">
                        <div class="col-sm-4"><h4>2016年10月1日--4日</h4></div>
                        <div class="col-sm-3"><h4>响应式手机网站</h4></div>
                        <div class="col-sm-5">
                            <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">
                               响应式Bootstrap网站</p>

                        </div>
                        <div class="col-sm-12 bg142">
                            <a href="http://3650xhm.oschina.io/xiaomi/zhonglian/html/index.html"><img src="img/shoouji.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 500px"/></a>
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="col-sm-4"><h4>2016年10月7日--20日</h4></div>
                        <div class="col-sm-3"><h4>简洁大气单页面</h4></div>
                        <div class="col-sm-5">
                            <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">
                                用2个插件，完成动态效果</p>
                        </div>
                        <div class="col-sm-12 bg141">
                            <a href="http://3650xhm.oschina.io/chajian/index.html"><img src="img/aaaaa.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 500px"/></a>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="col-sm-4"><h4>2016年9月20日--24日</h4></div>
                        <div class="col-sm-3"><h4>网易邮箱</h4></div>
                        <div class="col-sm-5">
                            <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">fullPage插件，css实现滑动效果</p>
                        </div>
                        <div class="col-sm-12 bg142">
                            <img src="img/6.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 250px"/>
                            <img src="img/5.png" alt="" class="img-responsive img-thumbnail" style="width: 400px;height: 250px"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section section4">
    <div class="bg">
        <img src="img/section1.jpg" alt=""/>
    </div>
    <div class="bg1">

    </div>
    <div class="container">
        <div class="row">
            <div class="bg14 col-sm-12 " >
                <div class="row bg141">
                    <h2 class="col-sm-12 ">自我评价</h2>
                    <div class="col-sm-12 ">
                        <p class="glyphicon glyphicon-hand-right col-sm-12" style="font-size: 16px">
                            本人善良、自信、自律、上进心强，有较强的组织、管理能力。工作认真负责，勇于承担任务与责任，
                            能够快速接受新知识和快速适应新环境，具有良好的团队合作精神以较好的个人亲和力。良好的综合素质，
                            具备复合型人才的条件。</p>
                    </div>
                </div>
                <div class=" row bg142">
                    <h2 class="col-sm-12">兴趣爱好</h2>
                    <div class=" col-sm-12">
                        <h4 class="glyphicon glyphicon-hand-right">乒乓球：</h4>
                        <p class="glyphicon glyphicon-chevron-right col-sm-12" style="font-size: 16px">从初一开始在外面报班练习，跟随教练学习了10个月左右，算是我自己球类最出色的一类</p>
                    </div>
                    <div class="col-sm-12">
                        <h4 class="glyphicon glyphicon-hand-right">游戏：</h4>
                        <p class="glyphicon glyphicon-chevron-right col-sm-12" style="font-size: 16px">穿越火线、英雄联盟、守望先锋、DOTA2，最火的游戏基本都玩</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>